﻿<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml" class="translated-ltr">
<head th:replace="cssloader::cssloader('兴趣推荐社交推荐系统')"></head>
<body>
<!-- header -->
<header th:replace="component/header::header(${user})"></header>
<!-- end header -->

<!-- main content -->
<main class="main">
    <div class="container" style="max-width:1400px;">
        <div class="row">
            <div th:replace="component/userinfo::userinfo(${user})"></div>

            <div class="col-12 col-md-7 col-lg-8 col-xl-6">
                <ul class="nav nav-tabs main__nav" id="main__nav" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active"><span style="vertical-align: inherit;"><span
                                style="vertical-align: inherit;">好友动态</span></span></a>
                    </li>
                </ul>
                <!-- post -->
                <div th:replace="component/shareItem::shareitem(${shares})"></div>
                <!-- end post -->
            </div>

            <div class="col-12 col-md-5 col-lg-4 col-xl-3">
                <!-- sidebox -->
                <div class="sidebox sidebox--desk">
                    <h4 class="sidebox__title"><span style="vertical-align: inherit;"><span
                            style="vertical-align: inherit;">可能认识</span></span></h4>
                    <div class="sidebox__content" th:if="${byfriend.size}>0">
                        <div class="sidebox__user" th:each="item:${byfriend}">
                            <a href="#" class="sidebox__user-img">
                                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2F30%2F90%2F40%2F309040a0602c672cebc6ab3a1bbbc8cd.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651292399&t=48fc4d6168ac9439a44e3629cb271efe" alt="">
                            </a>
                            <div class="sidebox__user-title">
                                <h5><a href="#"><span style="vertical-align: inherit;"><span
                                        style="vertical-align: inherit;">[[${item.nickname}]]</span></span></a></h5>
                                <p><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">[[${item.account}]]</span></span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <a href="/recommend/user/byfriend" class="sidebox__more"><span
                            style="vertical-align: inherit;"><span
                            style="vertical-align: inherit;">查看更多</span></span></a>
                </div>
                <!-- end sidebox -->

                <!-- sidebox -->
                <div class="sidebox sidebox--desk">
                    <h4 class="sidebox__title"><span style="vertical-align: inherit;"><span
                            style="vertical-align: inherit;">最常互动</span></span></h4>
                    <div class="sidebox__content">
                        <div class="sidebox__content" th:if="${byshare.size}>0">
                            <div class="sidebox__user" th:each="item:${byshare}">
                                <a href="#" class="sidebox__user-img">
                                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2F30%2F90%2F40%2F309040a0602c672cebc6ab3a1bbbc8cd.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651292399&t=48fc4d6168ac9439a44e3629cb271efe" alt="">
                                </a>
                                <div class="sidebox__user-title">
                                    <h5><a href="#"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">[[${item.nickname}]]</span></span></a></h5>
                                    <p><font style="vertical-align: inherit;"><span style="vertical-align: inherit;">[[${item.account}]]</span></font>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="/recommend/user/byshare" class="sidebox__more"><span
                            style="vertical-align: inherit;"><font
                            style="vertical-align: inherit;">查看更多</font></span></a>
                </div>
                <!-- end sidebox -->

                <!-- sidebox -->
                <div class="sidebox sidebox--desk">
                    <h4 class="sidebox__title"><span style="vertical-align: inherit;"><span
                            style="vertical-align: inherit;">相同兴趣</span></span></h4>
                    <div class="sidebox__content" th:if="${byhobby.size}>0">
                        <div class="sidebox__user" th:each="item:${byhobby}">
                            <a href="#" class="sidebox__user-img">
                                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2F30%2F90%2F40%2F309040a0602c672cebc6ab3a1bbbc8cd.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651292399&t=48fc4d6168ac9439a44e3629cb271efe" alt="">
                            </a>
                            <div class="sidebox__user-title">
                                <h5><a href="#"><font style="vertical-align: inherit;"><span
                                        style="vertical-align: inherit;">[[${item.nickname}]]</span></font></a></h5>
                                <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">[[${item.account}]]</font></font>
                                </p>
                            </div>
                        </div>
                    </div>
                    <a href="/recommend/user/byhobby" class="sidebox__more"><font style="vertical-align: inherit;"><font
                            style="vertical-align: inherit;">查看更多</font></font></a>
                </div>
                <!-- end sidebox -->
            </div>
        </div>
    </div>
</main>
</body>
<div th:replace="jsloader::jsloader"></div>
</html>